<template>
	<page-body>
		<view class="page">
			<view class="flex benben-position-layout flex flex-wrap align-center classhourPar_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }" v-if="bbb">
				<view class='flex flex-wrap align-center justify-between flex-sub classhourPar_fd0_0'>
					<view class='flex flex-wrap align-center classhourPar_fd0_0_c0'>
						<text class='fu-iconfont2  classhourPar_fd0_0_c0_c0' @tap.stop="handleJumpDiy" data-type="back"
							data-url="1">&#xE794;</text>
					</view>
					<view class='flex flex-wrap align-stretch justify-center'>
						<text class='classhourPar_fd0_0_c1_c0'>课程详情</text>
					</view>
					<view class='flex flex-wrap align-center justify-end classhourPar_fd0_0_c0'>
					</view>
				</view>
			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}" v-if="bbb"></view>
			<view class="flex benben-position-layout flex flex-wrap align-center classhourPar_flex_000123"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }" v-if="!bbb">
				<view class='flex flex-wrap align-center justify-between flex-sub classhourPar_fd0_0'>
					<view class='flex flex-wrap align-center classhourPar_fd0_0_c0'>
						<text class='fu-iconfont2  classhourPar_fd0_0_c0_c000123' @tap.stop="handleJumpDiy"
							data-type="back" data-url="1">&#xE794;</text>
					</view>
					<view class='flex flex-wrap align-stretch justify-center'>
						<text class='classhourPar_fd0_0_c1_c0'></text>
					</view>
					<view class='flex flex-wrap align-center justify-end classhourPar_fd0_0_c0'>
					</view>
				</view>
			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}" v-if="!bbb"></view>
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center classhourPar_flex_1">
				<image class='classhourPar_fd1_0' mode="aspectFill" :src='list.cover'></image>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout classhourPar_flex_2">
				<view class='flex flex-direction flex-wrap align-stretch classhourPar_fd2_0'>
					<view>
						<text class='classhourPar_fd2_0_c0_c0'>{{list.class_hour_name}} <text
								class="classhourPar_fd2_0_c0_c0_0">已结束</text></text>
					</view>
					<view class='flex flex-wrap align-center'>
						<text class='classhourPar_fd2_0_c1_c0'>{{$t('上课时间：')}}</text>
						<text class='classhourPar_fd2_0_c1_c0'>{{time}}</text>
					</view>
				</view>
				<u-sticky :offsetTop="StatusBarRpx">
					<view class='flex flex-direction flex-wrap align-stretch classhourPar_fd2_1'>
						<benben-flex-tabs class-name='classhourPar_benbenTabsfd2_1_c0' v-model="tabsVal"
							ref="benben_tabsfd2_1_c0" select-mark="benben_tabsfd2_1_c0" key="benben_tabsfd2_1_c0"
							:open-title-type='false' :open-sticky='false' :top='0' :is-show-content='false'
							:scrollspy='false' :tabs-info.sync="tabsInfofd2_1_c0" @change="ChangetabsFunc()">

							<scroll-view @scroll="tabsInfofd2_1_c0.scrollX = $event.detail.scrollLeft"
								id="benben_tabsfd2_1_c0" class="benben-tabs" style="width:700rpx" :scroll-x="true"
								:scroll-left="tabsInfofd2_1_c0.moveX" scroll-with-animation="all .3s ease">
								<view class="benben-tabs-content" id="benben_tabsfd2_1_c0-content">
									<view id="benben_tabsfd2_1_c0-title"
										class="benben-tabs-title flex flex align-center justify-around">
										<template v-for='(item,key0) in tabs'>
											<view :key='key0'
												:class="{ 'checkTitlefd2_1_c0': tabsVal == item.value, 'flex flex-wrap align-center classhourPar_titlefd2_1_c0_c3': true }"
												@tap="tabsVal = item.value"
												:id="`benben_tabsfd2_1_c0-title-item-${item.value}`">

												<text>{{item.name}}</text>

											</view>
										</template>
									</view>
									<view
										:style="{ left: tabsInfofd2_1_c0.lineleft, maxWidth: tabsInfofd2_1_c0.lineWidth ,}"
										id="benben_tabsfd2_1_c0-line"
										class="benben-tabs-line flex benben-flex-tabs-line classhourPar_linefd2_1_c0"
										:class="{'benben-tabs-line-active':tabsInfofd2_1_c0.isInit}"></view>
								</view>
							</scroll-view>
						</benben-flex-tabs>
					</view>
				</u-sticky>

				<view class='flex flex-direction flex-wrap align-stretch classhourPar_fd2_1' v-if=" tabsVal=='1'">
					<view class='flex flex-wrap align-center classhourPar_fd2_2_c0' v-if=" tabsVal=='1'">
						<jyf-parser class='classhourPar_fd2_2_c0_c0' :html="list.teaching_content | richTextFormat">
						</jyf-parser>
					</view>
				</view>
				<view class='flex flex-direction flex-wrap align-stretch' v-if=" tabsVal=='2'">
					<view class='flex flex-wrap align-center classhourPar_fd2_3_c0'>
						<jyf-parser class='classhourPar_fd2_2_c0_c0' :html="list.educational_goals | richTextFormat">
						</jyf-parser>
					</view>
				</view>
				<view class='flex flex-direction flex-wrap align-stretch' v-if=" tabsVal=='3'">
					<view class='flex flex-wrap align-center classhourPar_fd2_3_c0'>
						<view class='flex flex-wrap align-start justify-between'>
							<text class='classhourPar_fd2_4_c0_c0_c0'>{{$t('学习重点')}}</text>
							<image class='classhourPar_fd2_4_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"1608.png"'
								@tap.stop="get662c96aab794d()"></image>
						</view>
						<jyf-parser class='classhourPar_fd2_2_c0_c0' :html="list.teaching_focus | richTextFormat">
						</jyf-parser>
					</view>
					<view class='flex flex-wrap align-center classhourPar_fd2_3_c0'>
						<view class='flex flex-wrap align-start justify-between'>
							<text class='classhourPar_fd2_4_c0_c0_c0'>{{$t('学习难点')}}</text>
							<image class='classhourPar_fd2_4_c0_c0_c1' mode="aspectFit" :src='STATIC_URL+"1608.png"'
								@tap.stop="get662c96aab794deeee()">
							</image>
						</view>
						<jyf-parser class='classhourPar_fd2_2_c0_c0'
							:html="list.teaching_difficulties | richTextFormat">
						</jyf-parser>
					</view>
				</view>
				<!-- 学习资料 -->
				<view class='flex flex-direction flex-wrap align-stretch' v-if="tabsVal=='4'">
					<template v-for='(item,key0) in datum'>
						<!-- map4 -->
						<view class='flex flex-wrap align-center justify-between classhourPar_fd2_5_c0'
							v-if=" item.file_type==2" :key='key0'>
							<view class='flex flex-wrap align-center'>
								<image class='classhourPar_fd2_5_c0_c0_c0' mode="aspectFit"
									:src='STATIC_URL+"1610.png"'></image>
								<text class='classhourPar_fd2_5_c0_c0_c1'>{{$t('资料名称.mp4')}}</text>
							</view>
							<button class='classhourPar_fd2_5_c0_c1'
								@tap="seePdf(item.file_path[0],item.aid)">{{$t('查看')}}</button>
						</view>

						<!-- pdf -->
						<view class='flex flex-wrap align-center justify-between classhourPar_fd2_5_c0'
							v-if=" item.file_type==5" :key='key0'>
							<view class='flex flex-wrap align-center'>
								<image class='classhourPar_fd2_5_c0_c0_c0' mode="aspectFit"
									:src='STATIC_URL+"1611.png"'></image>
								<text class='classhourPar_fd2_5_c0_c0_c1'>{{$t('资料名称.pdf')}}</text>
							</view>
							<button class='classhourPar_fd2_5_c0_c1'
								@tap="seePdf(item.file_path[0],item.aid)">{{$t('查看')}}</button>
						</view>

						<!-- ppt -->
						<view class='flex flex-wrap align-center justify-between classhourPar_fd2_5_c0'
							v-if=" item.file_type==4" :key='key0'>
							<view class='flex flex-wrap align-center'>
								<image class='classhourPar_fd2_5_c0_c0_c0' mode="aspectFit"
									:src='STATIC_URL+"1612.png"'></image>
								<text class='classhourPar_fd2_5_c0_c0_c1'>{{$t('资料名称.ppt')}}</text>
							</view>
							<button class='classhourPar_fd2_5_c0_c1'
								@tap="seePdf(item.file_path[0],item.aid)">{{$t('查看')}}</button>
						</view>

						<!-- 文档 -->
						<view class='flex flex-wrap align-center justify-between classhourPar_fd2_5_c0'
							v-if=" item.file_type==7" :key='key0'>
							<view class='flex flex-wrap align-center'>
								<image class='classhourPar_fd2_5_c0_c0_c0' mode="aspectFit"
									:src='STATIC_URL+"1613.png"'></image>
								<text class='classhourPar_fd2_5_c0_c0_c1'>{{$t('资料名称.doc')}}</text>
							</view>
							<button class='classhourPar_fd2_5_c0_c1'
								@tap="seePdf(item.file_path[0],item.aid)">{{$t('查看')}}</button>
						</view>

						<!-- 图片 -->
						<view class='flex flex-wrap align-center justify-between classhourPar_fd2_5_c0'
							v-if=" item.file_type==1" :key='key0'>
							<view class='flex flex-wrap align-center'>
								<image class='classhourPar_fd2_5_c0_c0_c0' mode="aspectFit"
									:src='STATIC_URL+"1614.png"'></image>
								<text class='classhourPar_fd2_5_c0_c0_c1'>{{item.name}}</text>
							</view>
							<button class='classhourPar_fd2_5_c0_c1'
								@tap="seePdf(item.file_path[0],item.aid,item)">{{$t('查看')}}</button>
						</view>
					</template>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<benben-popup v-model="popupShow1728358921654" :mask="true" :mask-close-able="true" mode='center'
				:z-index='999' background-color='rgba(51, 51, 51, 0.4)'>
				<!---flex布局flex布局开始-->
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout classhourPar_flex_3">
					<view class='flex flex-direction flex-wrap align-center classhourPar_fd3_0'>
						<text class='classhourPar_fd3_0_c0'>{{$t('AI智能分析')}}</text>

						<scroll-view class='classhourPar_fd3_0_c1' :scroll-y='true' :show-scrollbar='true'>
							<view class='flex benben-scroll flex align-center'>
								<jyf-parser class='classhourPar_fd3_0_c1_c0' :html="analyse | richTextFormat">
								</jyf-parser>
							</view>
						</scroll-view>

					</view>
					<view class='flex flex-wrap align-center justify-center classhourPar_fd3_1'>
						<image class='classhourPar_fd3_1_c0' mode="aspectFit" :src='STATIC_URL+"1604.png"'
							@tap.stop="popupShow1728358921654=false"></image>
					</view>
				</view>
			</benben-popup>

			<!-- AI -->
			<AIicon></AIicon>
			<!-- <view :style="{height: '80rpx'}"></view> -->

			<view class="flex benben-position-layout flex flex-wrap align-center classhourPar_flex_6"
				v-if=" tabsVal=='1'"
				:style="{height:(110+bottomSafeAreaRpx)+'rpx',paddingBottom:bottomSafeAreaRpx+'rpx', }">
				<button class='classhourPar_fd6_0' @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/course/introspection/introspection?aid=${teaching_id}`">{{$t('课后反思')}}</button>
				<button class='classhourPar_fd6_1' data-type="navigateTo" @click="navs">{{$t('课后作业')}}</button>
			</view>
			<view :style="{height: (110+bottomSafeAreaRpx)+'rpx'}" v-if=" tabsVal=='1'"></view>
		</view>
	</page-body>
</template>
<script>
	import {
		validate
	} from '@/common/utils/validate.js'
	import AIicon from "@/pages/My/AIChat/AIicon.vue"

	export default {
		components: {
			AIicon
		},


		data() {
			return {
				"popupShow1728358921654": false,
				"bbb": false,
				"analyse": "",
				"tabsInfofd2_1_c0": {
					lineleft: '',
					lineWidth: '',
					moveX: 0,
					scrollX: 0,
					PageScrollX: 0,
					isInit: false
				},
				"tabs": [{
						"name": "学习内容",
						"value": "1",
						"image": ""
					},
					{
						"name": "学习目标",
						"value": "2",
						"image": ""
					}, {
						"name": "学习重难点",
						"value": "3",
						"image": ""
					}, {
						"name": "学习资料",
						"value": "4",
						"image": ""
					},
				],
				"tabsVal": "1",
				"tabsLab": "",
				"list": {
					"class_hour_name": "",
					"content": "",
					"courseplan_name": "",
					"courseplan_teacher": "",
					"lessonplanningmode_name": "",
					"educational_goals": "",
					"teaching_content": "",
					"teaching_focus": "",
					"teaching_difficulties": "",
					"lesson_planning_status": "",
					"aid": "",
					"lessonplanningmode_id": "",
					"courseplan_id": "",
					"cover": ""
				},
				"datum": [],
				"time": "",
				'lessonplanning_id': "",
				"teaching_id": "",
			};
		},
		computed: {

		},
		watch: {},
		onLoad(options) {
			let {
				teaching_id, //签到id
				lessonplanning_id, //详情id
				time,
			} = options
			if (lessonplanning_id !== undefined) this.lessonplanning_id = lessonplanning_id
			if (teaching_id !== undefined) this.teaching_id = teaching_id
			if (time !== undefined) this.time = time

			this.getpm690e155cdbd2Func()
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {
			// console.log(e);
			if (e.scrollTop >= 200) {
				this.bbb = true
			} else {
				this.bbb = false
			}
		},
		methods: {
			async navs() {
				//获取作业接口
				let data669e09ab2af21 = await this.$api.post(global.apiUrls.post669e09ab2af21, {
					teaching_id: this.teaching_id,
					type: '3'
				})

				if (data669e09ab2af21.data.code != 1) {
					this.$message.info(data669e09ab2af21.data.msg);
					return
				}

				uni.navigateTo({
					url: "/pages/course/answer/answer?type=3&teaching_id=" + this.teaching_id
				})
			},
			async get662c96aab794d() {
				uni.showLoading({
					title: 'AI分析中...',
				});

				let data662c96aab794d = await this.$api.post(global.apiUrls.post662c96aab794d, {
					content: `针对一名学生，在进行课前预习时，请针对课程【${this.list.courseplan_name}】内【${this.list.class_hour_name}】下的学习重点【${this.list.teaching_focus}】进行分析，指导学生进行预习`
				})
				if (data662c96aab794d.data.code != 1) {
					this.$message.info(data662c96aab794d.data.msg);
					return
				}
				let info662c96aab794d = data662c96aab794d.data.data
				this.analyse = info662c96aab794d.choices[0].message.content
				uni.hideLoading()
				this.popupShow1728358921654 = true
			},
			async get662c96aab794deeee() {
				uni.showLoading({
					title: 'AI分析中...',
				});

				let data662c96aab794d = await this.$api.post(global.apiUrls.post662c96aab794d, {
					content: `针对一名学生，在进行课前预习时，请针对课程【${this.list.courseplan_name}】内【${this.list.class_hour_name}】下的学习难点【${this.list.teaching_focus}】进行分析，指导学生进行预习`
				})
				if (data662c96aab794d.data.code != 1) {
					this.$message.info(data662c96aab794d.data.msg);
					return
				}
				let info662c96aab794d = data662c96aab794d.data.data
				this.analyse = info662c96aab794d.choices[0].message.content
				uni.hideLoading()
				this.popupShow1728358921654 = true
			},
			//课程备课-获取备课详情
			async getpm690e155cdbd2Func() {
				//请求方法
				//数据验证

				let datalist = await this.$api.get(global.apiUrls.post6690e155cdbd2, {
					aid: this.lessonplanning_id
				});

				if (datalist.data.code != 1) {
					this.$message.info(datalist.data.msg);
					return
				}
				let infolist = datalist.data;
				this.list = infolist.data
			},
			seePdf(file, aid, item) {
				console.log('vvvvvvvvvvvvvv', item);
				let _this = this;
				let id = aid;
				let url = file;
				// #ifdef APP-PLUS

				let files = uni.getStorageSync('files') ? JSON.parse(uni.getStorageSync('files')) : {}
				console.log(files)
				if (files[id]) {
					plus.runtime.openFile(files[id], {}, (res) => {
						console.log("res=>", res);
					})
				} else {
					downloadFile()
				}

				function downloadFile() {
					uni.showLoading({
						title: '加载中'
					})
					const dtask = plus.downloader.createDownload(url, {}, function(d, status) {
						if (status == 200) {
							console.log('保存成功')
							uni.hideLoading();
							files[id] = d.filename
							uni.setStorageSync('files', JSON.stringify(files))
							plus.runtime.openFile(d.filename)
						} else {
							plus.downloader.clear()
							uni.hideLoading();
							uni.showToast({
								title: '文档加载失败，请稍后再试',
								icon: 'none',
							})
						}
					})
					dtask.start()
				}
				// #endif

				// #ifdef H5
				window.open(url)
				// #endif
			},
			//备课管理-获取课件列表
			async getrr68f99801dcf8Func() {
				//请求方法
				//数据验证

				let datadatum = await this.$api.get(global.apiUrls.post668f99801dcf8, {
					lessonplanning_id: this.lessonplanning_id
				});

				if (datadatum.data.code != 1) {
					this.$message.info(datadatum.data.msg);
					return
				}
				let infodatum = datadatum.data;
				this.datum = infodatum.data

			},
			//tabs改变
			ChangetabsFunc() {
				if (this.tabsVal == '4') {
					this.getrr68f99801dcf8Func()
				}
			},
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		min-height: calc(100vh - var(--window-bottom));
		background: #F8F8F8;
		background-size: 100% auto;
	}

	.classhourPar_flex_0 {
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 100;
		top: 0rpx;
		background: #FFF;
	}

	.classhourPar_flex_000123 {
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 100;
		top: 0rpx;
	}

	.classhourPar_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 700;
		color: #333333;
		line-height: 50rpx;
	}

	.classhourPar_fd0_0_c0_c0 {
		font-size: 36rpx;
		color: #333;
	}

	.classhourPar_fd0_0_c0_c000123 {
		font-size: 36rpx;
		color: var(--benbenFontColor3);
	}

	.classhourPar_fd0_0_c0 {
		width: 120rpx;
	}

	.classhourPar_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.classhourPar_flex_1 {
		height: 524rpx;
		margin: -150rpx 0rpx 0rpx 0rpx;
	}

	.classhourPar_fd1_0 {
		width: 100%;
		height: 100%;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.classhourPar_flex_2 {
		position: relative;
	}

	.classhourPar_fd2_5_c0_c1 {
		background: rgba(20, 94, 253, .1);
		border-radius: 33rpx 33rpx 33rpx 33rpx;
		width: 96rpx;
		line-height: 48rpx;
		font-size: 24rpx;
		color: rgba(20, 94, 253, 1);
	}

	.classhourPar_fd2_5_c0_c0_c1 {
		color: #333;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		width: 430rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.classhourPar_fd2_5_c0_c0_c0 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 016rpx 0rpx 0rpx;
	}

	.classhourPar_fd2_5_c0 {
		background: var(--benbenbgColor1);
		padding: 32rpx 24rpx 024rpx 24rpx;
		margin: 0rpx 24rpx 24rpx 24rpx;
		border-radius: 32rpx;
		background-size: 100% auto;
		height: 104rpx;
	}

	.classhourPar_fd2_4_c0_c0_c1 {
		width: 28rpx;
		height: 28rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 14rpx 0rpx 0rpx 0rpx;
	}

	.classhourPar_fd2_4_c0_c0_c0 {
		margin: 0rpx 16rpx 24rpx 0rpx;
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		font-weight: 500;
		line-height: 50rpx;
	}

	.classhourPar_fd2_3_c0 {
		background: var(--benbenbgColor1);
		padding: 32rpx 24rpx 024rpx 24rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
		border-radius: 32rpx;
		background-size: 100% auto;
	}

	::v-deep .classhourPar_fd2_2_c0_c0 {
		width: 100%;
	}

	.classhourPar_fd2_2_c0 {
		padding: 32rpx 24rpx 32rpx 024rpx;
	}

	.classhourPar_titlefd2_1_c0_c3 {
		margin: 0rpx 24rpx 0rpx 0rpx;
	}

	.classhourPar_linefd2_1_c0 {
		background: rgba(20, 94, 253, 1);
		width: 50rpx;
		height: 8rpx;
		top: 80rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx;
	}

	.checkTitlefd2_1_c0 {
		font-weight: 700 !important;
		font-size: 28rpx !important;
		color: #333 !important;
		background-color: rgba(255, 255, 255, 1) !important;
	}

	::v-deep .classhourPar_benbenTabsfd2_1_c0 {
		background: #fff;
		width: 700rpx;
		height: 90rpx;
		white-space: nowrap;
		text-align: center;
	}

	.classhourPar_fd2_1 {
		background: var(--benbenbgColor1);
		margin: 8rpx 0rpx 24rpx 0rpx;
		padding: 32rpx 24rpx 32rpx 24rpx;
		background-size: 100% auto;
		border-radius: 32rpx;
	}

	.classhourPar_fd2_0_c1_c0 {
		color: rgba(153, 153, 153, 1);
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.classhourPar_fd2_0_c0_c0 {
		margin: 0rpx 0rpx 24rpx 0rpx;
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		font-weight: 600;
		line-height: 45rpx;
	}

	.classhourPar_fd2_0_c0_c0_0 {
		font-weight: 400;
		font-size: 24rpx;
		color: #999999;
		line-height: 34rpx;
		padding: 8rpx 16rpx;
		background: #ededed;
		margin-left: 16rpx;
		border-radius: 15rpx;
	}

	.classhourPar_fd2_0 {
		background: var(--benbenbgColor1);
		margin: -38rpx 0rpx 24rpx 0rpx;
		padding: 32rpx 24rpx 32rpx 24rpx;
		background-size: 100% auto;
		border-radius: 32rpx;
	}

	.classhourPar_flex_3 {
		padding: 0rpx 75rpx 0rpx 75rpx;
		width: 100vw;
	}

	.classhourPar_fd3_1_c0 {
		width: 44rpx;
		height: 44rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.classhourPar_fd3_1 {
		margin: 64rpx 0rpx 0rpx 0rpx;
	}

	::v-deep .classhourPar_fd3_0_c1_c0 {
		// width: 100%;
	}

	.classhourPar_fd3_0_c1 {
		touch-action: none;
		width: 100%;
		max-height: 600rpx;
	}

	.classhourPar_fd3_0_c0 {
		color: rgba(51, 51, 51, 1);
		font-size: 36rpx;
		line-height: 50rpx;
		font-weight: 500;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.classhourPar_fd3_0 {
		background: #fff;
		width: 100%;
		// height: 342rpx;
		background-size: 100% auto;
		border-radius: 24rpx;
		padding: 47rpx 32rpx 47rpx 32rpx;
	}

	.classhourPar_flex_4 {
		width: 80rpx;
		height: 80rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(400rpx + var(--window-bottom));
		right: 24rpx;
	}

	.classhourPar_fd4_0 {
		width: 80rpx;
		height: 80rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.classhourPar_flex_5 {
		width: 200rpx;
		height: 203rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(150rpx + var(--window-bottom));
		right: 24rpx;
	}

	.classhourPar_fd5_0 {
		width: 203rpx;
		height: 177rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.classhourPar_flex_6 {
		width: 750rpx;
		height: 110rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
		display: flex;
		justify-content: space-between;
	}

	.classhourPar_fd6_0 {
		background: #145efd;
		width: 50%;
		line-height: 110rpx;
		font-size: 32rpx;
		color: #fff;
		border-radius: 0;
	}

	.classhourPar_fd6_1 {
		background: #145efd;
		width: 49%;
		line-height: 110rpx;
		font-size: 32rpx;
		color: #fff;
		border-radius: 0;
	}
</style>